.wap{height:600px; font-family: "微软雅黑","microsoft yahei"; }
.wap-index{ width: 100%; height: 100%;  background:url(../images/wap-bj.png);  text-align: center;}
.wap-index img{ width: 60%; margin: 15% 20% 1% 20%;}
.wap-index h2{ color: #FFFFFF;  font-weight: normal; text-align: center; width: 80%; height: 60px; border: 1px solid #FFFFFF; border-radius:4px ; margin: 13% auto 8% auto; line-height:60px;}
.wap-index div{ list-style: none; width: 100%; height: auto; overflow: hidden; margin-bottom: 10%;  }
.wap-index div a{ width: 21.5%; height:80%;  display: block;  float: left;  color: #FFFFFF; text-decoration: none;}
.wap-index div a:nth-of-type(1){ margin-left: 7.5%;}
.wap-index div a img{ width: 70%;}
.android{ display: block; width: 100%; height: 30%;  }
.ios{ display: block; width: 100%; height: 40%;  }
.android img{ width: 50%;}
.ios img    { width: 50%;}
.wap-img{ height: auto; width: 100%; font-family: "微软雅黑","microsoft yahei";}
.img-box{ width: 90%; height: auto; border-bottom: 1px dashed #000; margin: 0 auto; text-align: center; color: #40474e; padding-bottom: 5%;}
.img-box h3{ font-size: 1.4em; font-weight: normal;}
.img-box  p{ font-size: 13px;}
.img-box img{ width: 50%;}
.wap-download{ height: 135px; width: 100%; padding-top: 5%;}
.wap-foot{ height: 50px; width: 100%; background: #333333; margin-top: 10%; line-height: 50px; text-align: center; color: #979797;}
/*pad版样式开始*/


.wap-pad{ min-height: 4000px; }
.head{height: 87px; background:#FFFFFF;  position: fixed; top: 0; width: 100%; z-index: 999;}
.app-top{width: 100%; height:auto; position: absolute; z-index: 10;}
.app-logo{ width: 80%; margin: 0 auto; height: 79px; }
.app-logo img{ width: 25%; margin-top: 20px; float: left;}
.app-nav{ float: right; margin-right: 10%;  width:auto;}
.app-nav img{ width: 100%; margin-top: 5px;}
.app-box{ height: auto; background: #0078E7; overflow: hidden; position: relative;}

.top-main-1{ height: 300px; width: 100%; background: #fbfbfb;  }
.top-main-2{ height: 800px; width: 100%; background: url(../images/top-bj4.jpg) no-repeat  center;  }
.top-main-3{height: 600px; width: 100%; background: #fbfbfb;}
.top-foot{ width: 100%; background: #333333;}
.foot-shop{ position: relative; overflow: hidden; }
.copyright{ color:#979797; font-size: 20px;  width: 100%; display: block; background: #0e0e0e; height: 42px; text-align: center; line-height: 42px;font-family: "Hiragino Sans GB","Microsoft YaHei","微软雅黑",tahoma,arial,simsun,"宋体";}
.app-mian-box{width: 80%;  margin: 0 auto; height: 100%;  position: relative; font-family: "Hiragino Sans GB","Microsoft YaHei","微软雅黑",tahoma,arial,simsun,"宋体"; color: #444444; }
.app-mian-1 ul{list-style: none;}
.app-mian-1 ul li h3{ font-size: 2.5em; padding-top:7%; font-weight: normal; margin: 0 0 5% 0;}
.app-mian-1 ul li{ width: 60%; font-size: 20px; line-height: 40px;  }
.app-mian-box img{ position: absolute; bottom: -4%; left: 50%;}
.app-mian-1{ background: url(../images/bjsj1.png) no-repeat  right 35%/29%; }
.app-mian-2{ background: url(../images/bjsj2.png) no-repeat  left 35%/29%; }

.app-mian-2  ul{ position: absolute; right:5%; bottom: 28%; list-style: none;}
.app-mian-2  ul li h3{ width: 100%; font-size: 2.5em; font-weight: normal;}
.app-mian-2  ul li{font-size: 20px; line-height: 40px;}
.app-mian-3{ background: url(../images/bjsj3.png) no-repeat  right 35%/29%; }
.app-mian-3 ul{list-style: none;}
.app-mian-3 ul li h3{ font-size: 2.1em;  font-weight: normal; margin: 0 0 5% 0; padding-top: 7%;}
.app-mian-3 ul li{ width: 65%; font-size: 20px; line-height: 40px;  }
.top{ position: fixed; right: 10%; width: 60px; height: 60px; background: url(../images/in2.png) no-repeat 0 0; background-size: 100%; z-index: 999; bottom: 10%; display: none; cursor: pointer;}
/*------第一屏大小兼容---------*/
.app-screen{ width: 100%;  background: url(../images/top-bj.jpg) 0 0/100%;  position: relative;}
.app-shop{ height: 80%; width: 80%; margin: 0 auto; padding-top: 10%; font-family: "Hiragino Sans GB","Microsoft YaHei","微软雅黑",tahoma,arial,simsun,"宋体"; color: #FFFFFF; background: url(../images/bjsj.png) no-repeat 90% 55%/29%;  }
.app-shop h3{ font-size:40px;  font-weight: normal;}
.app-shop p{ width: 55%; font-size: 20px; }
.app-shop a{ display: block; width: 60%; height: 50%;   line-height: 58px; text-decoration: none; color: #FFFFFF; }
.shop-p{ font-size: 1.5em;}
.shop-index{ width: 100%; height:180px; line-height: 180px; bottom: -1%; background:#a2a2a2; text-align: center;  font-size: 28px; color: #FFFFFF; font-family: "Hiragino Sans GB","Microsoft YaHei","微软雅黑",tahoma,arial,simsun,"宋体"; position: absolute; }
.shop-index img{ position: absolute; top:-15%; left: 50%; cursor: pointer;}
.pad-android{ display: block;  height: 30%; background: url(../images/wap-an.png) no-repeat 57% 10%/80%; }
.pad-ios{display: block;  height: 40%; background: url(../images/wap-ios.png) no-repeat 57% 10%/80%; }
